<template>
    <div class='box df fd-c'>
        <centerHeader @time_filter_click="time_filter_click" :time_filter_flag="time_filter_flag" @allClick="allClick"
            :all_flag="all_flag" :headerText="headerText"></centerHeader>


        <div class="df fw-w content jc-sb">
            <div style="width: 49%; margin: 10px 0;">
                <img src="../../assets/login_second/1.png" alt="" style="width: 100%;height: 100%;">
            </div>
            <div style="width: 49%; margin: 10px 0;">
                <img src="../../assets/login_second/1.png" alt="" style="width: 100%;height: 100%;">
            </div>
            <div style="width: 49%; margin: 10px 0;">
                <img src="../../assets/login_second/1.png" alt="" style="width: 100%;height: 100%;">
            </div>
            <div style="width: 49%; margin: 10px 0;">
                <img src="../../assets/login_second/1.png" alt="" style="width: 100%;height: 100%;">
            </div>
            <div style="width: 49%; margin: 10px 0;">
                <img src="../../assets/login_second/1.png" alt="" style="width: 100%;height: 100%;">
            </div>
            <div style="width: 49%; margin: 10px 0;">
                <img src="../../assets/login_second/1.png" alt="" style="width: 100%;height: 100%;">
            </div>


        </div>
    </div>
</template>

<script>
import centerHeader from './centerHeader.vue'
export default {
    name: '',
    components: { centerHeader },
    data() {
        return {
            time_filter_flag: 0,//时间筛选切换
            all_flag: 0,
            headerText: "最近浏览"
        }
    },
    created() { },
    mounted() { },
    methods: {
        time_filter_click(index) {//时间筛选点击事件
            console.log(index)
            this.time_filter_flag = index
        },
        allClick(index) {
            this.all_flag = index
        }
    }
}
</script>
<style scoped lang='scss'>
.box {
    width: 100%;
    height: calc(100% - 120px);
    overflow: hidden;

    .content {
        background-color: #fff;
        height: 100%;
        height: calc(100% - 60px);
        width: 100%;
        overflow: scroll;
    }

}
</style>
